<template>
	<om-page :title="pageTitle">
		<view class="desc-chart om-btn-color">
			<view class="descFilter">{{ descFilter }}</view>
			<view class="allchart"><a @click="searchHandle">查询</a></view>
		</view>
		<!-- <ot-sl-filter :ref="'slFilter'" :topFixed="true" :menuList="filterList" @result="onChangeFilter" />
		<view class="descFilter">{{ descFilter }}</view> -->
		<view class="nodata" v-show="dataList.length == 0 && isSearchItem && dataStatus">{{ '暂无数据！' }}</view>
		<view class="nodata" v-show="dataLists.length == 0 && !isSearchItem && dataStatus">{{ '暂无数据！' }}</view>
		<view class="page__bd" style="margin-top: 51px;">
			<uni-list v-show="!isSearchItem">
				<view v-for="(item, index) in dataLists" :key="index">
					<uni-list-item
						:title="item.orderNum1"
						:avatar="index + 1"
						:avatarBgColor="calcBgColor(item)"
						@click="openPopup(item)"
					>
					 <view slot="note">
						<view v-if="item.workPeriod">工期：<text class="">{{item.workPeriod}}天</text></view>
						<view v-if="item.planStart1">计划开始日期：<text class="">{{item.planStart1}}</text></view>
						<view>计划完成日期：<text class="">{{item.planEnd1}}</text></view>
						<view v-if="item.actualCompleteDate1">实际完成日期：<text class="">{{item.actualCompleteDate1}}</text></view>
						<view v-if="item.reportDate1">报告日期：<text class="">{{item.reportDate1}}</text></view>
						<view>交付物：<text class="">{{item.deliveryName}}</text></view>
						<view v-if="item.dutyUserName">负责人：<text class="">{{item.dutyUserName}}</text></view>
						<view v-if="item.evaluateUserName">评价人：<text class="">{{item.evaluateUserName}}</text></view>
						<view class='cu-tag sm radius light bg-orange' style="background: #FFF; padding: 0;font-size: 12px">{{getTag1(item)}}</view>
						<view v-show="getClickBtn(item).length>0" style="text-align: right;">
							<view v-for="sitem in getClickBtn(item)" style="display: inline-block;margin: 0 5px;">
								<view class='cu-tag sm radius light bg-blue' @click.stop="getoLink(sitem.link)" style=" width: 64px; height: 32px;font-size: 12px">{{ sitem.text }}</view>
							</view>
						</view>
					 </view>
					</uni-list-item>
				</view>
			</uni-list>
			<uni-list v-show="isSearchItem">
				<view v-for="(item, index) in dataList" :key="index" class="item">
					<uni-list-item 
						:title="item.orderNum1"
						:avatar="index + 1"
						:avatarBgColor="calcBgColor(item)"
						@click="infoTabs(item)"
					>
						<view slot="note">
							<view v-if="item.planStart">计划开始日期：<text class="">{{item.planStart}}</text></view>
							<view>计划完成日期：<text class="">{{item.planEnd1}}</text></view>
							<view v-if="item.actualCompleteDate1">实际完成日期：<text class="">{{item.actualCompleteDate1}}</text></view>
							<view v-if="item.reportDate1">报告日期：<text class="">{{item.reportDate1}}</text></view>
							<view>交付物：<text class="">{{item.deliveryName}}</text></view>
							<view v-if="item.dutyUserName">负责人：<text class="">{{item.dutyUserName}}</text></view>
							<view v-if="item.evaluateUserName">评价人：<text class="">{{item.evaluateUserName}}</text></view>
						</view>
					</uni-list-item>
				</view>
			</uni-list>
		</view>
		<tui-scroll-top :scrollTop="scrollTop" style="background: rgba(124, 174, 255, 0.5)"></tui-scroll-top>
		<uni-popup  id="popup" ref="popup" :type="'center'">
			<view class="popup-cotent padding">
				<view class="margin popup-tip">
					请选择查询项目
				</view>
				<view  class="popup-item padding" @click="infoTab()">
					<text>工作项详细</text>
					<uni-icons :size="20" class="uni-icon-wrapper" color="#bbb" type="arrowright" />
				</view>
				<view  class="popup-item padding" @click="infoQuota()">
					<text>关联指标</text>
					<uni-icons :size="20" class="uni-icon-wrapper" color="#bbb" type="arrowright" />
				</view>
				<view  class="popup-item padding" @click="infoZy()">
					<text>关联资源需求</text>
					<uni-icons :size="20" class="uni-icon-wrapper" color="#bbb" type="arrowright" />
				</view>
				<view class="margin flex justify-end" @click="cancel">
					<a class="cancel-btn">取消</a>
				</view>
			</view>
		</uni-popup>
		<uni-popup id="popup2" ref="popup2" :type="'center'">
			<view class="popup-cotent padding">
				<view class="popup-item padding">
					<text class="popup-text">单位</text>
					<picker @change="orginChange" mode="selector" :range="orginList" range-key="shortName" :value="orginIndex">
						<view class="popup-select">{{ orginList.length >0 ? orginList[orginIndex].shortName : '请选择'}}</view>
					</picker>
					<uni-icons :size="20" class="uni-icon-wrapper" color="#bbb" type="arrowright" />
				</view>
				<view class="popup-item padding">
					<text class="popup-text">机构名称</text>
					<input class="popup-input" type="text" disabled="true" v-model="searchInstName" @click="showInstTree" />
					<uni-icons :size="20" class="uni-icon-wrapper" color="#bbb" type="arrowright" />
				</view>
				<view class="popup-item padding">
					<text class="popup-text">姓名</text>
					<input class="popup-input" type="text" disabled="true" v-model="searchUserName" @click="showUserNameHandle" />
					<uni-icons :size="20" class="uni-icon-wrapper" color="#bbb" type="arrowright" />
				</view>
				<view class="popup-item padding">
					<text class="popup-text">期限</text>
					<picker @change="timeCodeChange" mode="selector" :range="timeCodeList" range-key="dicname" :value="timeCodeIndex">
						<view class="popup-select">{{ timeCodeList.length >0 ? timeCodeList[timeCodeIndex].dicname : '请选择'}}</view>
					</picker>
					<uni-icons :size="20" class="uni-icon-wrapper" color="#bbb" type="arrowright" />
				</view>
				<view class="margin flex justify-end">
					<a class="cancel-btn" @click="searchSave">确定</a>
					<a class="cancel-btn" @click="searchCancel">取消</a>
				</view>
			</view>
		</uni-popup>
		<view class="showUserPopup" v-show="showInstName">
			<ot-tree-dshow :defaultLevel="true" :selectParent="true" :showCancel="true" :showConfirm="true" ref="ottree" :range="instList" rangeKey="text" @cancel="instCancel" @confirm="instConfirm"></ot-tree-dshow>
		</view>
		<view class="showUserPopup" v-show="showUserName">
			<view class="bar">
				<view class="back" @click="backHandle">返回</view>
			</view>
			<view class="om_hd_fix">
					<uni-search-bar 
					bgColorCls="bg-steelblue" 
					cancelColor="text-white"
					placeholder="请输入关键字查询" 
					:focus="true" 
					@confirm="confirmKey">
				 </uni-search-bar>
			</view>
			<uni-list style="height: 100%; overflow: auto; padding-top: 50px;">
				<view v-for="(item, index) in searchList" :key="index">
					<uni-list-item
						showArrow
						:title="item.username"
						@click="zinfoTab(item, index)"
					></uni-list-item>
				</view>
			</uni-list>
		</view>
	</om-page>
</template>

<script>
	import {
		mapState
	} from 'pinia';
	import {
		useLoginUserStore
	} from '@/stores/login-user.js';
	export default {
		data() {
			return {
				dataStatus: false,
				quotaObj: {},
				dataItem: {},
				searchItem: {},
				dataLists: [],
				isSearchItem: false,
				descFilter: '',
				pageTotal: 1,
				pageNum: 1,
				pageSize: 20,
				scrollTop: 0,
				pageTitle:"工作项查询",
				dataList: [],
				timeCode: '',
				timeCodeList: [],
				timeCodeIndex: 0,
				orginList: [],
				orginIndex: 0,
				searchInstId: '',
				searchInstName: '',
				searchUserId: '',
				searchUserName: '',
				zOrginId: '',
				zOrginName: '',
				zUserId: '',
				zUserName: '',
				zInstId: '',
				zInstName: '',
				showInstName: false,
				instList: [],
				showUserName: false,
				keyword: '',
				searchList: [],
			};
		},
		computed: {
			...mapState(useLoginUserStore,['salaryInstName', 'userId', 'userName'])
		},
		provide() {
			return {
				searchKey: this
			}
		},
		methods: {
			cancel(){
				this.$refs.popup.close()
			},
			openPopup(item){
				this.$refs.popup.open()
				this.dataItem = item
			},
			calcBgColor(item) {
				return this.ColorList[3].name
			},
			confirmKey(e){
				let _that = this
				if (e.value) {
				  if (!_that.keyword || (_that.keyword && _that.keyword != e.value.trim())) {
					_that.keyword = e.value.trim()
					_that.getUserList()
				  }
				} else {
				  _that.keyword = ''
				  _that.getUserList()
				}
			},
			getUserList(){
				let _that = this;
				
				_that.om.request("tkeyWorkList/getDutyUserList",{
					q: _that.keyword
				}).then(res=>{
					res.map(e=>e.searchtit = e.username)
					res.map(e=>e.searchid = e.id)
					_that.searchList = res
				})
			},
			zinfoTab(item, index){
				this.searchUserId = item.id
				this.searchUserName = item.username
				this.searchInstId = ''
				this.searchInstName = ''
				this.showUserName = false
			},
			getDataList(data){
				let _that = this;
				let obj = data || {};
				_that.om.request("tkeyWorkList/getTreeGrid",obj).then(res=>{
					_that.dataList = _that.dataList.concat(res.rows)
					_that.dataStatus = true
					_that.pageTotal = res.totalPage
				})
			},
			getDataLists(data){
				let _that = this;
				let obj = data || {};
				_that.om.request("tkeyWorkEvaluate/getUnevaluateWork",obj).then(res=>{
					_that.dataLists = _that.dataLists.concat(res.rows)
					_that.dataStatus = true
					_that.pageTotal = res.totalPage
				})
			},
			getoLink(link){
				uni.navigateTo({
				  url: link
				})
			},
			getClickBtn(item){
				let arr = [];
				let planDataStr = new Date(item.planEnd1).getTime()
				var myDate = new Date()
				var myDateYear = myDate.getFullYear()
				var myDateMonth = (myDate.getMonth()+1) < 10 ? '0' + (myDate.getMonth()+1) : (myDate.getMonth()+1)
				var myDateDay = myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate()
				var nowDate = myDateYear + '-' + myDateMonth + '-' + myDateDay
				let nowDataStr = new Date(nowDate).getTime()
				
				if(item.flowStatus){
					
				}else{
					if(item.reportDate1){
						if(item.evaluateUserName == this.userName && !item.inAdjust){
							arr.push({
								text: '去评价',
								link: '/pages/form/pm-work-eva/pm-work-eva?title=工作项评价&code=PER0302&itemid='+item.id
							})
						}
					}else{
						if(item.evaluateUserName == this.userName && nowDataStr >= planDataStr && !item.inAdjust){
							arr.push({
								text: '去评价',
								link: '/pages/form/pm-work-eva/pm-work-eva?title=工作项评价&code=PER0302&itemid='+item.id
							})
						}
						if(item.dutyUserName == this.userName){
							if(item.planStart1 && nowDataStr>=new Date(item.planStart1).getTime()){
								arr.push({
									text: '去报告',
									link: '/pages/form/pm-work-report/pm-work-report?title=工作完成报告&code=PER0301&itemid='+item.id
								})
								arr.push({
									text: '去调整',
									link: '/pages/form/obj-work-monthlyworkadjustapply/obj-work-monthlyworkadjustapply?title=工作计划调整&code=OBJ0510&itemid='+item.id
								})
							}
							if(!item.planStart1){
								arr.push({
									text: '去报告',
									link: '/pages/form/pm-work-report/pm-work-report?title=工作完成报告&code=PER0301&itemid='+item.id
								})
								arr.push({
									text: '去调整',
									link: '/pages/form/obj-work-monthlyworkadjustapply/obj-work-monthlyworkadjustapply?title=工作计划调整&code=OBJ0510&itemid='+item.id
								})
							}
						}
					}
				}
				return arr
			},
			getTag1(item){
				var tip = ''
				if(item.inAdjust){
					tip = '调整中'
				}else{
					if(item.flowStatus){
						if(item.reportDate1){
							tip += ('已评价'+item.flowStatus)
						}else{
							tip += ('已报告'+item.flowStatus)
						}
					}else{
						tip = item.reportDate1?'未评价':'未报告'
					}
				}
				
				return tip;
			},
			infoTabs(item){
				// uni.navigateTo({
				//     url: 'quota-show?orderNum='+ item.orderNumStr +'&posId='+ item.dutyPosId +'&year='+item.year
				// })
			},
			infoTab(){
				let item = this.dataItem
				if(item.showColumns){
					let title = ""
					if(item.workName.length > 10){
						title = item.workName.substr(0,10) + '...';
					}else{
						title = item.workName
					}
					var buttons=[];
				
					let planDataStr = new Date(item.planEnd1).getTime()
					var myDate = new Date()
					var myDateYear = myDate.getFullYear()
					var myDateMonth = (myDate.getMonth()+1) < 10 ? '0' + (myDate.getMonth()+1) : (myDate.getMonth()+1)
					var myDateDay = myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate()
					var nowDate = myDateYear + '-' + myDateMonth + '-' + myDateDay
					let nowDataStr = new Date(nowDate).getTime()
					
					
				
						if(item.flowStatus){
							
						}else{
							if(item.reportDate1){
								if(item.evaluateUserName == this.userName && !item.inAdjust){
									buttons.push({
										color:'white',
										bgcolor:'bg-steelblue',
										text: '去评价',
										link: '/pages/form/pm-work-eva/pm-work-eva?title=工作项评价&code=PER0302&itemid='+item.id
									})
								}
							}else{
								if(item.evaluateUserName == this.userName && nowDataStr >= planDataStr && !item.inAdjust){
									buttons.push({
										color:'white',
										bgcolor:'bg-steelblue',
										text: '去评价',
										link: '/pages/form/pm-work-eva/pm-work-eva?title=工作项评价&code=PER0302&itemid='+item.id
									})
								}
								if(item.dutyUserName == this.userName){
									if(item.planStart1 && nowDataStr>=new Date(item.planStart1).getTime()){
										buttons.push({
											color:'white',
											bgcolor:'bg-steelblue',
											text: '去报告',
											link: '/pages/form/pm-work-report/pm-work-report?title=工作完成报告&code=PER0301&itemid='+item.id
										})
										buttons.push({
											color:'white',
											bgcolor:'bg-steelblue',
											text: '去调整',
											link: '/pages/form/obj-work-monthlyworkadjustapply/obj-work-monthlyworkadjustapply?title=工作计划调整&code=OBJ0510&itemid='+item.id
										})
									}
									if(!item.planStart1){
										buttons.push({
											color:'white',
											bgcolor:'bg-steelblue',
											text: '去报告',
											link: '/pages/form/pm-work-report/pm-work-report?title=工作完成报告&code=PER0301&itemid='+item.id
										})
										buttons.push({
											color:'white',
											bgcolor:'bg-steelblue',
											text: '去调整',
											link: '/pages/form/obj-work-monthlyworkadjustapply/obj-work-monthlyworkadjustapply?title=工作计划调整&code=OBJ0510&itemid='+item.id
										})
									}
								}
							}
						}
					
					this.om.getPageInfo(item.showColumns, title, {
						buttons:JSON.stringify(buttons)
					});
				}
			},
			infoQuota(){
				let _that = this;
				let item = _that.dataItem
				
				uni.navigateTo({
				    url: '/pages/search/quota-search/quota-search?indexId=' + item.id + '&userId=' + _that.zUserId + '&userName=' + _that.zUserName + '&instIds=' + _that.zInstId + '&instName=' + _that.zInstName
				})
			},
			infoZy(){
				let _that = this;
				let item = _that.dataItem
				
				uni.navigateTo({
				    url: '/pages/search/resources-search/resources-search?workId=' + item.id + '&instIds=' + _that.zInstId + '&instName=' + _that.zInstName
				})
			},
			// onChangeFilter(data){
			// 	let _that = this;
			// 	_that.pageNum = 1
			// 	_that.searchItem = data;
			// 	if(!data.instIds && !data.timeCode && !data.userId){
			// 		_that.isSearchItem = false
			// 		_that.dataLists = []
			// 		_that.dataStatus = false
			// 		data.page = 1
			// 		data.rows = _that.pageSize
			// 		_that.descFilter = _that.filterList[0].detailList[_that.filterList[0].defaultSelectedIndex].title + '工作项'
			// 		_that.getDataLists(data)
			// 	}else{
			// 		if(data.instIds){
			// 			_that.descFilter = _that.filterList[0].detailList[_that.filterList[0].defaultSelectedIndex].title + _that.filterList[1].defaultSelectedText + '工作项'
			// 			_that.filterList[2].defaultSelectedValue = ''
			// 			_that.filterList[2].defaultSelectedText = ''
			// 			_that.filterList[2].title = '姓名'
			// 		}else if(data.userId){
			// 			let uname = ''
			// 			for(let i=0; i<_that.filterList[2].detailList.length; i++){
			// 				if(_that.filterList[2].detailList[i].searchid == data.userId){
			// 					uname = _that.filterList[2].detailList[i].searchtit
			// 				}
			// 			}
			// 			_that.descFilter = _that.filterList[0].detailList[_that.filterList[0].defaultSelectedIndex].title + uname + '工作项'
			// 			_that.filterList[2].defaultSelectedValue = data.userId
			// 			_that.filterList[2].defaultSelectedText = uname
			// 			_that.filterList[2].title = uname
			// 			_that.filterList[1].defaultSelectedValue = ''
			// 			_that.filterList[1].defaultSelectedText = ''
			// 			_that.filterList[1].title = '部门'
			// 		}else{
			// 			_that.descFilter = _that.filterList[0].detailList[_that.filterList[0].defaultSelectedIndex].title + '工作项'
			// 		}
					
			// 		_that.isSearchItem = true
			// 		_that.dataList = []
			// 		_that.dataStatus = false
			// 		data.page = 1
			// 		data.rows = _that.pageSize
			// 		_that.getDataList(data)
			// 	}
			// },
			// changeArr(otit, ntit, oval, nval, data){
			// 	for(let i=0; i<data.length; i++){
			// 		if(otit){
			// 			data[i][ntit] = data[i][otit]
			// 		}
			// 		if(oval){
			// 			data[i][nval] = data[i][oval]
			// 		}
			// 	}
			// 	return data;
			// },
			searchHandle(){
				this.$refs.popup2.open()
			},
			orginChange: function(e) {
				this.orginIndex = e.detail.value
			},
			timeCodeChange: function(e) {
				this.timeCodeIndex = e.detail.value
				this.timeCode = this.timeCodeList[this.timeCodeIndex].code
			},
			showInstTree(){
				this.showInstName = true
				this.$refs.ottree._show();
			},
			instConfirm(selectList){
				let _that = this;
				if(selectList.length>0){
					_that.searchInstId = selectList[0].id
					_that.searchInstName = selectList[0].text
					_that.searchUserId = ''
					_that.searchUserName = ''
				}else{
					_that.searchInstId = ''
					_that.searchInstName = ''
				}
				_that.showInstName = false
			},
			instCancel(){
				this.showInstName = false
			},
			backHandle(){
				this.showUserName = false
			},
			showUserNameHandle(){
				this.showUserName = true
			},
			searchSave(){
				let _that = this;
				
				_that.pageNum = 1;
				_that.dataList = []
				_that.dataStatus = false
				_that.timeCode = _that.timeCodeList[_that.timeCodeIndex].code
				_that.zOrginId = _that.orginList[_that.orginIndex].id
				_that.zOrginName = _that.orginList[_that.orginIndex].shortName
				_that.zUserId = _that.searchUserId
				_that.zUserName = _that.searchUserName
				_that.zInstId = _that.searchInstId
				_that.zInstName = _that.searchInstName
				
				if(!_that.zInstId && !_that.timeCode && !_that.zUserId){
					_that.isSearchItem = false
					_that.descFilter = _that.zOrginName + '工作项'
					
					let obj={
						page: _that.pageNum,
						rows: _that.pageSize,
					}
					
					_that.getDataLists(obj)
				}else{
					_that.isSearchItem = true
					if(_that.zInstId){
						_that.descFilter =_that.zOrginName + _that.zInstName + '工作项'
					}else if(_that.zUserId){
						_that.descFilter = _that.zOrginName + _that.zUserName + '工作项'
					}else{
						_that.descFilter = _that.zOrginName + '工作项'
					}
					
					let obj={
						page: _that.pageNum,
						rows: _that.pageSize,
						timeCode: _that.timeCode,
						orgin: _that.zOrginId,
						instIds: _that.zInstId,
						userId: _that.zUserId,
					}
					
					_that.getDataList(obj)
				}
				
				this.$refs.popup2.close()
			},
			searchCancel(){
				this.$refs.popup2.close()
			},
		},
		onLoad(data) {
			this.quotaObj = data
		},
		onShow(){
			let _that = this;
			
			uni.setNavigationBarTitle({
				title: '工作项查询'
			});
			
			let arr = [ _that.om.request("torganization/getOrgList"),
			  _that.om.request("tinstitution/getComboTree"),
			_that.om.request("dictZero/getListByCode",{
				code: 23730
			})]
			//多个AJAX全部完成时开始执行
			Promise.all(arr).then(res => {
				// let dwarr = [{
				// 	'title': '单位',
				// 	'value': ''
				// }]
				// _that.filterList[0].detailList = dwarr.concat(_that._.cloneDeep(_that.changeArr('name', 'title', 'id', 'value', res[0])))
				// _that.filterList[0].detailList = _that._.cloneDeep(_that.changeArr('shortName', 'title', 'id', 'value', res[0]))
				// _that.filterList[1].detailList = _that._.cloneDeep(res[1])
				// let qxarr = [{
				// 	'title': '期限',
				// 	'value': ''
				// }]
				// _that.filterList[2].detailList = []
				// _that.filterList[3].detailList = qxarr.concat(_that._.cloneDeep(_that.changeArr('dicname', 'title', 'code', 'value', res[2])))
						
				// _that.$refs.slFilter.resetMenuList(_that.filterList)
				_that.orginList = res[0]
				_that.orginIndex = 0
				_that.zOrginId = _that.orginList[_that.orginIndex].id
				_that.zOrginName = _that.orginList[_that.orginIndex].shortName
				_that.instList = res[1]
				_that.timeCodeList = res[2]
				_that.timeCode = _that.timeCodeList[_that.timeCodeIndex].code
				
				if(_that.quotaObj.indexId){
					_that.searchInstId = _that.quotaObj.instIds
					_that.searchInstName = _that.quotaObj.instName
					_that.zInstId = _that.quotaObj.instIds
					_that.zInstName = _that.quotaObj.instName
					_that.searchUserId = _that.quotaObj.userId
					_that.searchUserName = _that.quotaObj.userName
					_that.zUserId = _that.quotaObj.userId
					_that.zUserName = _that.quotaObj.userName
					
					let obj={
						page: _that.pageNum,
						rows: _that.pageSize,
						indexId: _that.quotaObj.indexId,
						orgin: _that.zOrginId,
						instIds: _that.zInstId,
						userId: _that.zUserId,
					}
					if(_that.zInstId){
						_that.descFilter = _that.zOrginName + _that.zInstName + '工作项'
					}else if(_that.zUserId){
						_that.descFilter = _that.zOrginName + _that.zUserName + '工作项'
					}else{
						_that.descFilter = _that.zOrginName + '工作项'
					}
					_that.getDataList(obj)
				}else{
					let obj={
						page: _that.pageNum,
						rows: _that.pageSize,
						orgin: _that.zOrginId,
					}
					_that.descFilter = _that.zOrginName + '工作项'
					_that.getDataLists(obj)
				}
				
			})
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop
		},
		// 页面上拉触底事件的处理函数
		onReachBottom: function() {
			let _that = this;
			if(!_that.zInstId && !_that.timeCode && !_that.zUserId){
				if(_that.pageTotal>_that.pageNum){
					_that.pageNum++
					let obj = {
						page: _that.pageNum,
						rows: _that.pageSize
					}
					_that.getDataLists(obj)
				}
			}else{
				if(_that.pageTotal>_that.pageNum){
					_that.pageNum++
					let obj = {
						orgin: _that.zOrginId,
						instIds: _that.zInstId,
						userId: _that.zUserId,
						timeCode: _that.timeCode,
						page: _that.pageNum,
						rows: _that.pageSize
					}
					_that.getDataList(obj)
				}
			}
		}
	};
</script>

<style>
	.descFilter{
		flex:1;
	}
	.popup-item{
		height:50px;
		background-color: #FFFF;
		font-size: 16px;
		text-align: center;
		border-bottom: 1px solid #EEEEEE;
		display: flex;
		justify-content: space-between;
	}
	.popup-cotent{
		width: 300px;
		background-color: white;
		border-radius: 10px;
	}
	.popup-tip{
		font-size: 16px;
		color:#b0b0b0 ;
	}
	.cancel-btn{
		text-align: center;
		display: block;
		color: #0081ff;
		background-color: #cce6ff;
		height: 36px;
		line-height: 36px;
		width: 72px;
		margin: 15px auto 0;
	}
	.nodata{
		width: calc(100% - 30px);
		margin: 72px 15px 0;
		height: 26px;
		line-height: 26px;
		background: none;
		text-align: center;
	}
	.desc-chart{
		position: fixed;
		top: 0;
		line-height: 50px;
		padding: 0 15px;
		font-size: 14px;
		border-bottom: #EEEEEE 1px solid;
		display: flex;
		z-index: 99;
		width: 100%;
		color: #FFF;
	}
	.desc-chart .allchart{
		width: 72px;
	}
	.desc-chart .allchart a{
		float: right;
		display: block;
		width: 68px;
		height: 26px;
		line-height: 26px;
		text-align: center;
		display: block;
		color: #000;
		background-color: #fff;
		margin: 12px 15px 12px 4px;
	}
	.popup-text{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 80px;
	}
	.popup-select{
		border: 0;
		width: 150px;
		height: 19px;
		line-height: 19px;
		background: none;
		appearance: none;
		text-align: right;
		text-align-last: right;
		font-size: 16px;
	}
	.popup-input{
		text-align: right;
	}
	.showUserPopup{
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 9998;
		background: #FFF;
		height: 100%;
	}
	
	.showUserPopup .bar{
		background-color: #fff;
		height: 36px;
		padding-left: 10px;
		padding-right: 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-sizing: border-box;
		border-bottom-width: 0.5px !important;
		border-bottom-style: solid;
		border-bottom-color: #f5f5f5;
		font-size: 16px;
		color: #757575;
		line-height: 1;
	}
</style>                                                  
